<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="../Css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="../Css/bootstrap-responsive.css" />
    <link rel="stylesheet" type="text/css" href="../Css/style.css" />
    <script type="text/javascript" src="../Js/jquery.js"></script>

    <script type="text/javascript" src="../Js/bootstrap.js"></script>
    <script type="text/javascript" src="../Js/ckform.js"></script>
    <script type="text/javascript" src="../Js/common.js"></script>
    <script type="text/javascript" src="../Js/jquery.sorted.js"></script>

    <style type="text/css">
        body {
            padding-bottom: 40px;
        }
        .sidebar-nav {
            padding: 9px 0;
        }

        @media (max-width: 980px) {
            /* Enable use of floated navbar text */
            .navbar-text.pull-right {
                float: none;
                padding-left: 5px;
                padding-right: 5px;
            }
        }


    </style>
    <script>
        $(function () {
            $(':checkbox[name="group"]').click(function () {
                $(':checkbox', $(this).closest('li')).prop('checked', this.checked);
            });

            $('#backid').click(function(){
                window.location.href="index.html";
            });
        });





        function tianjia(){
            var roleName = $("input[name='rolename']").val();
            if (roleName == null || roleName == '') {
                alert("名字为空");
                return;
            }
            chaxun(roleName)
            function chaxun(roleName) {
                $.ajax({
                    url: "http://localhost:8080/role/selectRoleByName",
                    data: {'roleName': roleName},
                    type: 'post',
                    dataType: 'json',
                    success: function (data) {
                        let flag = data.data.role;
                        if (!(flag==null)) {
                            alert("资源已经存在，请重新输入");
                            return;
                        }else{
                            var rolestate = $("input[name='status']:checked").val();
                            var ids = [];
                            $("input[name='group']:checked").each(function(i){
                                ids.push($(this).val());
                            })
                            initData(roleName,rolestate,ids);

                        }
                    }
                });
            }

        }
        function initData(roleName,rolestate,ids){
            console.log(roleName);
            console.log(rolestate);
            console.log(ids);
            $.ajax({
                url: "http://localhost:8080/role/addRole",
                data: {'roleName':roleName,'state':rolestate,'roleIds':ids},
                type: 'post',
                dataType: 'json',
                traditional: true,
                success: function (data){
                    let flag = data.flag;
                    if(flag){
                        alert("添加成功");
                    }else
                    {
                        alert("添加失败");
                    }

                }
            });
        }

    </script>
</head>
<body>
<form action="#" method="post" class="definewidth m20">
    <table class="table table-bordered table-hover definewidth m10">
        <tr>
            <td width="10%" class="tableleft">角色名称</td>
            <td><input type="text" name="rolename"/></td>
        </tr>
        <tr>
            <td class="tableleft">状态</td>
            <td>
                <input type="radio" name="status" value="1" checked/> 启用  <input type="radio" name="status" value="0"/> 禁用
            </td>
        </tr>
        <tr>
            <td class="tableleft">权限</td>
            <td>
                <ul><label class='checkbox inline'><input type='checkbox' name='group' value='1' />挂号信息管理</label></ul>
                <ul><label class='checkbox inline'><input type='checkbox'   name='group' value='2' />住院办理</label></ul>
                <ul><label class='checkbox inline'><input type='checkbox' name='group' value='3' />住院结算</label></ul>
                <ul><label class='checkbox inline'><input type='checkbox'   name='group' value='4' />在院发药</label></ul>
                <ul><label class='checkbox inline'><input type='checkbox'   name='group' value='5' />药品管理</label></ul>
                <ul><label class='checkbox inline'><input type='checkbox'  name='group' value='6' />检查收费项目登记</label></ul>
                <ul><label class='checkbox inline'><input type='checkbox'   name='group' value='7' />收费项目管理</label></ul>
                <ul><label class='checkbox inline'><input type='checkbox'   name='group' value='8' />门诊医生管理</label></ul>
                <ul><label class='checkbox inline'><input type='checkbox' name='group' value='9' />用户管理</label></ul>
                <ul><label class='checkbox inline'><input type='checkbox' name='group' value='10' />角色管理</label></ul>
                <ul><label class='checkbox inline'><input type='checkbox' name='group' value='11' />资源管理</label></ul>
                <ul><label class='checkbox inline'><input type='checkbox' name='group' value='12' />密码管理</label></ul>
            </td>
        </tr>
        <tr>
            <td class="tableleft"></td>
            <td>
                <input  type="button" class="btn btn-primary" onclick="tianjia()"  value="添加"/>&nbsp;&nbsp;<button type="button" class="btn btn-success" name="backid" id="backid">返回列表</button>
            </td>
        </tr>
    </table>
</form>
</body>
</html>
